
<div nz-row [nzGutter]="24" style="background: #ffffff;margin: 0 20px 20px;padding: 0 20px;">
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="12">
    <div class="content" style="margin: 16px;">
      <div class="avatar">
        <nz-avatar nzSrc="https://gw.alipayobjects.com/zos/rmsportal/lctvVCLfRpYCkYxAsiVQ.png"></nz-avatar>
      </div>
      <div class="desc">
        <div class="desc-title">早安，彭于晏，长得帅责任就越大！</div>
        <div>什么是专业，不断持续稳定的输出就是专业</div>
      </div>
    </div>
  </div>
  <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="12">
    <div class="page-extra">
      <div [class]="onSw==1? 'selected' : ''" (click)="selectHero(1)">
        <p>已认领订单</p>
        <p>12</p>
      </div>
      <div [class]="onSw==2? 'selected' : ''" (click)="selectHero(2)">
        <p>待审批</p>
        <p>6<span>/ 12</span></p>
      </div>
      <div [class]="onSw==3? 'selected' : ''" (click)="selectHero(3)">
        <p>待面签</p>
        <p>16</p>
      </div>
      <div [class]="onSw==4? 'selected' : ''" (click)="selectHero(4)">
        <p>历史审批</p>
        <p>168</p>
      </div>
    </div>
  </div>
</div>

<div nz-row [nzGutter]="24" class="nav">
  <div [class]="onSw==5? 'selected' : ''" (click)="selectHero(5)">
    <p>今日提交订单</p>
    <p>15</p>
  </div>
  <div [class]="onSw==6? 'selected' : ''" (click)="selectHero(6)">
    <p>今日退回订单</p>
    <p>5</p>
  </div>
  <div [class]="onSw==7? 'selected' : ''" (click)="selectHero(7)">
    <p>今日拒绝订单</p>
    <p>3</p>
  </div>
  <div [class]="onSw==8? 'selected' : ''" (click)="selectHero(8)">
    <p>今日通过订单</p>
    <p>20</p>
  </div>
  <div [class]="onSw==9? 'selected' : ''" (click)="selectHero(9)">
    <p>今日面签订单</p>
    <p>12</p>
  </div>
</div>

<div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
    <simple-table #st
      [columns]="columns"
      [data]="url"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{ total:'total',list:'data'}"
      [reqReName]="{pi:'pageNumber', ps:'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showPagination]="true"
      [showSizeChanger]="true"
      [scroll]="{x:'1300px'}"
    >
    </simple-table>
  </div>
</div>

<!-- <div style="padding: 0 20px;">
  <div nz-row [nzGutter]="24">
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="5">
      <g2-card [title]="'今日提交订单' | translate" total="{{workbench.bi1}}" [action]="action1">
        <ng-template #action1>
          <nz-tooltip [nzTitle]="'今日提交订单' | translate"></nz-tooltip>
        </ng-template>
      </g2-card>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="5">
      <g2-card [title]="'今日退回订单' | translate" total="{{workbench.bi2}}" [action]="action2">
        <ng-template #action2>
          <nz-tooltip [nzTitle]="'今日退回订单' | translate"></nz-tooltip>
        </ng-template>
      </g2-card>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="5">
      <g2-card [title]="'今日拒绝订单' | translate" total="{{workbench.bi3}}" [action]="action3">
        <ng-template #action3>
          <nz-tooltip [nzTitle]="'今日拒绝订单' | translate"></nz-tooltip>
        </ng-template>
      </g2-card>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="5">
      <g2-card [title]="'今日通过订单' | translate" total="{{workbench.bi4}}" [action]="action4">
        <ng-template #action4>
          <nz-tooltip [nzTitle]="'今日通过订单' | translate"></nz-tooltip>
        </ng-template>
      </g2-card>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="4">
      <g2-card [title]="'今日面签订单' | translate" total="{{workbench.bi5}}" [action]="action5">
        <ng-template #action5>
          <nz-tooltip [nzTitle]="'今日面签订单' | translate"></nz-tooltip>
        </ng-template>
      </g2-card>
    </div>
  </div>
  <p style="margin-bottom: 0px">&nbsp;</p>
  
</div> -->